<template>
  <div>
    计数器：<button @click="minus">-</button>
    <br />
    当期: {{this.$store.state.count}}
    <br />
    计数器：<button @click="add">+</button>
    <br />
    {{this.$store.getters.val}}
  </div>
</template>
<script>
import * as Types from '../store/mutations-types'
export default {
  data () {return {}},
  methods: {
      add () {
        // 这里的add,是可以自己指定的,对一个的是store中mutations内的方法,在mutations需要创建一个对一个的add方法
        // commit可以指定载荷payload2, 对应到mutations内add方法中的参数
        this.$store.commit(Types.INCREMENT, 1)
      },
      minus () {
          this.$store.commit(Types.DECREMENT, 1)
      }
  }
}
</script>
